<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition>
	<h:inputHidden value="#{jogadorBean.jogador.id}" />
	<h:panelGrid columns="3">
		<h:outputLabel value="Nome: " for="jogador-nome" />
		<h:inputText id="jogador-nome" value="#{jogadorBean.jogador.nome}" 
		        required="true" requiredMessage="O nome do jogador é obrigatório"/>
		<h:message for="jogador-nome" />
		
		<h:outputLabel value="Posição: " for="jogador-posicao" />
		<h:selectOneRadio value="#{jogadorBean.jogador.posicao}" required="true" 
		    label="Posição" requiredMessage="A posição do jogador deve ser especificada">
			<f:selectItems value="#{jogadorBean.posicoes}" var="posicao"/>
		</h:selectOneRadio>
		<h:message for="jogador-posicao" />
		
		<h:outputLabel value="Time: " for="jogador-time" />
		<h:selectOneMenu id="jogador-time" value="#{jogadorBean.timeID}">
			<f:selectItem  noSelectionOption="true" itemLabel="--Selecione--"/>
			<f:selectItems value="#{timeBean.times}" var="time" 
			        itemLabel="#{time.nome}" itemValue="#{time.id}" />
		</h:selectOneMenu>
		<h:message for="jogador-time" />
		
		<h:outputText />
		<h:commandButton value="Cadastrar">
			<f:ajax event="click" execute="@form" listener="#{jogadorBean.adiciona}" 
			        render="@form" />
		</h:commandButton>
	</h:panelGrid>
</ui:composition>

</html>